import React, { Component } from 'react';
import "../styles/Twolist.scss"
import pic from '../assets/1.jpg'

class Twolist extends Component {


    constructor(){
     super();
     this.state={
        list:[
            {pic,text:'Filorga',money:'303',price:'195'},
            {pic,text:'CLINQUE',money:'924',price:'675'},
            {pic,text:'La Mer',money:'2826',price:'2543'},
            {pic,text:'Giorgio',money:'430',price:'413'},
            {pic,text:'Panier',money:'110',price:'93'},
            {pic,text:'Ulike',money:'1749',price:'1487'},
            {pic,text:'Filorga',money:'303',price:'195'},
            {pic,text:'Filorga',money:'303',price:'195'},
            {pic,text:'Filorga',money:'303',price:'195'},

        ]

        
     }



    }
    render() {
        return (
            <div className='twolist'>
              
                {
                   this.state.list.map((item,index)=>{
                    return (
                        <div className="item" key={index}>
                            <img src={item.pic} alt="" />
                            <div className="text">{item.text}</div>
                            <div className="money">原价￥{item.money}</div>
                            <div className="price">抢购价￥{item.price}</div>
                        </div>
                    )
                   })

                }
            </div>
        );
    }
}

export default Twolist;